
        //匀速动画
        // function animation(obj,target) {    
        //         //点击按钮多次会启动多个定时器
        //         //解决方案:每次点击清除以前的定时器 重新启动一个定时器
        //         clearInterval(obj.timer);
        //         obj.timer=setInterval(function() {
        //         if(obj.offsetLeft>target) {
        //             clearInterval(timer);
        //         }else {
        //             obj.style.left=obj.offsetLeft + 1+'px';
        //         }
                
        //     },30)
        // }


        //缓冲动画
        function animate(obj,target,callback) {    
            //点击按钮多次会启动多个定时器
            //解决方案:每次点击清除以前的定时器 重新启动一个定时器
            clearInterval(obj.timer);


            obj.timer=setInterval(function() {

                //把每次加 1这个步长改为一个慢慢变小的步长公式 ：步长公式:(目标值-现在的位置)/10;

                //步长取整  不然最终会有偏差
                // var step=Math.ceil((target-obj.offsetLeft)/10);
                step=(target-obj.offsetLeft)/10;

                //前进取大一点的 后退取小一点的
                step = step > 0 ? Math.ceil(step) : Math.floor(step);
                if(obj.offsetLeft==target) {
                 clearInterval(obj.timer);
                 if(callback) {
                     callback();
                 }
                }else {
                    obj.style.left=obj.offsetLeft + step+'px';
                }
            
        },15)
    }